<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Document</title>
	<link rel="stylesheet" href="./css/base.css">
	<link rel="stylesheet" href="./css/index.css">
</head>

<body>
	<div class="view">
		<header>
			<a class="logo" href="javascript:;"></a>
			<div class="search">
				<input type="text">
			</div>
			<a class="login" href="javascript:;">登录</a>
		</header>
		<div class="jd_carousel">
			<ul>
				<li>
					<a href="javascript:;">
						<img src="./uploads/l1.jpg" alt="">
					</a>
				</li>
			</ul>
		</div>
		<nav>
			<a href="javascript:;">
				<img src="./images/nav_1.png" alt="">
				<p>京东超市</p>
			</a>
			<a href="javascript:;">
				<img src="./images/nav_1.png" alt="">
				<p>京东超市</p>
			</a>
			<a href="javascript:;">
				<img src="./images/nav_1.png" alt="">
				<p>京东超市</p>
			</a>
			<a href="javascript:;">
				<img src="./images/nav_1.png" alt="">
				<p>京东超市</p>
			</a>
			<a href="javascript:;">
				<img src="./images/nav_1.png" alt="">
				<p>京东超市</p>
			</a>
			<a href="javascript:;">
				<img src="./images/nav_1.png" alt="">
				<p>京东超市</p>
			</a>
			<a href="javascript:;">
				<img src="./images/nav_1.png" alt="">
				<p>京东超市</p>
			</a>
			<a href="javascript:;">
				<img src="./images/nav_1.png" alt="">
				<p>京东超市</p>
			</a>
		</nav>
		<div class="sec_kill">
			<div class="kill_title">
				<span class="clock">⏰</span>
				<span class="kill_font">掌上秒杀</span>
				<div class="timer">
					<span>0</span>
					<span>4</span>
					<span>:</span>
					<span>3</span>
					<span>1</span>
					<span>:</span>
					<span>4</span>
					<span>9</span>
				</div>
				<a href="javascript:;">更多秒杀></a>
			</div>
			<div class="kill_content">
				<a href="javascript:;">
					<img src="./uploads/seckill_1.jpg" alt="">
					<span class="tips">热卖</span>
					<p class="new_price">￥79</p>
					<p class="old_price">￥139</p>
				</a>
				<a href="javascript:;">
					<img src="./uploads/seckill_1.jpg" alt="">
					<span class="tips">热卖</span>
					<p class="new_price">￥79</p>
					<p class="old_price">￥139</p>
				</a>
				<a href="javascript:;">
					<img src="./uploads/seckill_1.jpg" alt="">
					<span class="tips">热卖</span>
					<p class="new_price">￥79</p>
					<p class="old_price">￥139</p>
				</a>
			</div>
		</div>

		<div class="festival">
			<div class="festival_title">
				<img src="./uploads/banner_bg.jpg" alt="">
				<ul>
					<li>
						<a href="javascript:;">
							<img src="./uploads/banner_1.jpg" alt="">
						</a>
					</li>
					<li>
						<a href="javascript:;">
							<img src="./uploads/banner_2.jpg" alt="">
						</a>
					</li>
					<li>
						<a href="javascript:;">
							<img src="./uploads/banner_3.jpg" alt="">
						</a>
					</li>
				</ul>
			</div>
			<div class="festival_content">
				<a href="#">
					<img src="./uploads/major_1.jpg" alt="">
				</a>
				<a href="#">
					<img src="./uploads/major_2.jpg" alt="">
				</a>
				<a href="#">
					<img src="./uploads/major_3.jpg" alt="">
				</a>
				<a href="#">
					<img src="./uploads/major_4.jpg" alt="">
				</a>
				<a href="#">
					<img src="./uploads/major_5.jpg" alt="">
				</a>
				<a href="#">
					<img src="./uploads/major_6.jpg" alt="">
				</a>
				<a href="#">
					<img src="./uploads/major_7.jpg" alt="">
				</a>
			</div>
		</div>

		<a href="javascript:;">
			<img src="./uploads/advert_1.jpg" alt="">
		</a>
		<div class="market">
			<div class="goods_title">特色超市</div>
			<div class="market_content clearfix">
				<a href="javascript:;">
					<img src="./uploads/market_1.jpg" alt="">
				</a>
				<a href="javascript:;">
					<img src="./uploads/market_2.jpg" alt="">
				</a>
				<a href="javascript:;">
					<img src="./uploads/market_3.jpg" alt="">
				</a>
				<a href="javascript:;">
					<img src="./uploads/market_4.jpg" alt="">
				</a>
				<a href="javascript:;">
					<img src="./uploads/market_5.jpg" alt="">
				</a>
			</div>
		</div>

		<a href="javascript:;">
			<img src="./uploads/advert_2.jpg" alt="">
		</a>

		<div class="theme">
			<div class="goods_title">主题街</div>
			<div class="theme_content clearfix">
				<a href="#">
					<img src="./uploads/theme_1.jpg" alt="">
				</a>
				<a href="#">
					<img src="./uploads/theme_2.jpg" alt="">
				</a>
				<a href="#">
					<img src="./uploads/theme_3.jpg" alt="">
				</a>
				<a href="#">
					<img src="./uploads/theme_4.jpg" alt="">
				</a>
				<a href="#">
					<img src="./uploads/theme_5.jpg" alt="">
				</a>
				<a href="#">
					<img src="./uploads/theme_6.jpg" alt="">
				</a>
				<a href="#">
					<img src="./uploads/theme_7.jpg" alt="">
				</a>
				<a href="#">
					<img src="./uploads/theme_8.jpg" alt="">
				</a>
				<a href="#">
					<img src="./uploads/theme_9.jpg" alt="">
				</a>
				<a href="#">
					<img src="./uploads/theme_10.jpg" alt="">
				</a>
				<a href="#">
					<img src="./uploads/theme_11.jpg" alt="">
				</a>
				<a href="#">
					<img src="./uploads/theme_12.jpg" alt="">
				</a>
			</div>
		</div>
		<a href="javascript:;">
			<img src="./uploads/advert_3.jpg" alt="">
		</a>

		<div class="recommend">
			<div class="goods_title">品牌推荐</div>
			<div class="rec_content">
				<a href="javascript:;">
					<img src="./uploads/brand_1.jpg" alt="">
				</a>
				<a href="javascript:;">
					<img src="./uploads/brand_2.jpg" alt="">
				</a>
				<a href="javascript:;">
					<img src="./uploads/brand_3.jpg" alt="">
				</a>
			</div>
		</div>
		<a href="javascript:;">
			<img src="./uploads/advert_4.jpg" alt="">
		</a>

		<div class="guess">
			<div class="goods_title">
				<span>猜你喜欢</span>
				<a href="javascript:;">
					<img src="./images/icon-login.png" alt="">
					<span>登录后更懂你</span>
				</a>
			</div>
			<div class="guess_content">
				<ul>
					<li>
						<div class="gc_title">
							<span>￥25</span>
							<a href="javascript:;">看相似</a>
						</div>
						<div class="gc_content">
							<a href="javascript:;">
								<img src="./uploads/item_1.jpg" alt="">
								<p>迪士尼（Disney）防水夜光儿童手表男孩蓝色米奇电子表 多功能运动表男童学生手表80008-1</p>
							</a>
						</div>
					</li>
					<li>
						<div class="gc_title">
							<span>￥25</span>
							<a href="javascript:;">看相似</a>
						</div>
						<div class="gc_content">
							<a href="javascript:;">
								<img src="./uploads/item_1.jpg" alt="">
								<p>迪士尼（Disney）防水夜光儿童手表男孩蓝色米奇电子表 多功能运动表男童学生手表80008-1</p>
							</a>
						</div>
					</li>
					<li>
						<div class="gc_title">
							<span>￥25</span>
							<a href="javascript:;">看相似</a>
						</div>
						<div class="gc_content">
							<a href="javascript:;">
								<img src="./uploads/item_1.jpg" alt="">
								<p>迪士尼（Disney）防水夜光儿童手表男孩蓝色米奇电子表 多功能运动表男童学生手表80008-1</p>
							</a>
						</div>
					</li>
					<li>
						<div class="gc_title">
							<span>￥25</span>
							<a href="javascript:;">看相似</a>
						</div>
						<div class="gc_content">
							<a href="javascript:;">
								<img src="./uploads/item_1.jpg" alt="">
								<p>迪士尼（Disney）防水夜光儿童手表男孩蓝色米奇电子表 多功能运动表男童学生手表80008-1</p>
							</a>
						</div>
					</li>
					<li>
						<div class="gc_title">
							<span>￥25</span>
							<a href="javascript:;">看相似</a>
						</div>
						<div class="gc_content">
							<a href="javascript:;">
								<img src="./uploads/item_1.jpg" alt="">
								<p>迪士尼（Disney）防水夜光儿童手表男孩蓝色米奇电子表 多功能运动表男童学生手表80008-1</p>
							</a>
						</div>
					</li>
					<li>
						<div class="gc_title">
							<span>￥25</span>
							<a href="javascript:;">看相似</a>
						</div>
						<div class="gc_content">
							<a href="javascript:;">
								<img src="./uploads/item_1.jpg" alt="">
								<p>迪士尼（Disney）防水夜光儿童手表男孩蓝色米奇电子表 多功能运动表男童学生手表80008-1</p>
							</a>
						</div>
					</li>
					<li>
						<div class="gc_title">
							<span>￥25</span>
							<a href="javascript:;">看相似</a>
						</div>
						<div class="gc_content">
							<a href="javascript:;">
								<img src="./uploads/item_1.jpg" alt="">
								<p>迪士尼（Disney）防水夜光儿童手表男孩蓝色米奇电子表 多功能运动表男童学生手表80008-1</p>
							</a>
						</div>
					</li>
					<li>
						<div class="gc_title">
							<span>￥25</span>
							<a href="javascript:;">看相似</a>
						</div>
						<div class="gc_content">
							<a href="javascript:;">
								<img src="./uploads/item_1.jpg" alt="">
								<p>迪士尼（Disney）防水夜光儿童手表男孩蓝色米奇电子表 多功能运动表男童学生手表80008-1</p>
							</a>
						</div>
					</li>
					<li>
						<div class="gc_title">
							<span>￥25</span>
							<a href="javascript:;">看相似</a>
						</div>
						<div class="gc_content">
							<a href="javascript:;">
								<img src="./uploads/item_1.jpg" alt="">
								<p>迪士尼（Disney）防水夜光儿童手表男孩蓝色米奇电子表 多功能运动表男童学生手表80008-1</p>
							</a>
						</div>
					</li>
					<li>
						<div class="gc_title">
							<span>￥25</span>
							<a href="javascript:;">看相似</a>
						</div>
						<div class="gc_content">
							<a href="javascript:;">
								<img src="./uploads/item_1.jpg" alt="">
								<p>迪士尼（Disney）防水夜光儿童手表男孩蓝色米奇电子表 多功能运动表男童学生手表80008-1</p>
							</a>
						</div>
					</li>
				</ul>
			</div>
		</div>

		<div class="btm_tool">
			<a href="#" class="more">
				点击加载更多
			</a>
			<div class="link">
				<a href="javascript:;">登录</a>
				<a href="javascript:;">注册</a>
				<a href="javascript:;">反馈</a>
				<a href="javascript:;">回到顶部</a>
			</div>
			<div class="devices">
				<a href="javascript:;">
					<span></span>
					<p>客户端</p>
				</a>
				<a href="javascript:;">
					<span></span>
					<p>客户端</p>
				</a>
				<a href="javascript:;">
					<span></span>
					<p>客户端</p>
				</a>
			</div>
			<div class="copyright">
				Copyright © 2004-2016 京东JD.com 版权所有
			</div>
		</div>
		<div class="btm_bottom">
			<a href="javascript:;">
				<img src="./images/index-icon.png" alt="">
			</a>
			<a href="javascript:;">
				<img src="./images/sort-icon.png" alt="">
			</a>
			<a href="javascript:;">
				<img src="./images/618-icon.png" alt="">
			</a>
			<a href="javascript:;">
				<img src="./images/cart-icon.png" alt="">
			</a>
			<a href="javascript:;">
				<img src="./images/center-icon.png" alt="">
			</a>
		</div>
		<footer>
			<a href="javascript:;">
				<img src="./images/index-icon.png" alt="">
			</a>
			<a href="javascript:;">
				<img src="./images/sort-icon.png" alt="">
			</a>
			<a href="javascript:;">
				<img src="./images/618-icon.png" alt="">
			</a>
			<a href="javascript:;">
				<img src="./images/cart-icon.png" alt="">
			</a>
			<a href="javascript:;">
				<img src="./images/center-icon.png" alt="">
			</a>
		</footer>
	</div>
</body>

</html>